/* 公共CSS */

/* 最大容器 */
.wapper{
  max-width: 7.5rem;
  margin: 0 auto;
}

@font-face{
  font-family: myblod;
  src: url(../fonts/PingFang\ Bold.ttf);
}
@font-face{
  font-family: mymedi;
  src: url(../fonts/pingfang\ sc\ medium.otf);
}
@font-face{
  font-family: myhz;
  src: url(../fonts/汉真广标艺术字体.ttf);
}
@font-face{
  font-family: myregular;
  src: url(../fonts/苹方\ 常规.ttf);
}
html{
  font-family: mymedi;
}

/* 头部 */
header{
  width: 100%;
}
header .head{
  width: 100%;
  height: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 .2rem;
  box-sizing: border-box;
}
header .head a{
  display: inline-block;
  color: #000;
  font-size: .2rem;
}
header .head a .iconfont{
  font-size: .26rem;
}
header .head p{
  font-size: .4rem;
  font-family: myblod;
}
header .head span a{
  display: block;
  font-size: .28rem;
  color: #767676;
  margin-right: .05rem;
}


/* 底部 */
footer{
  width: 100%;
  height: 1rem;
  border-top: 1px solid #c5c5c5;
  position: fixed;
  bottom: 0;
  background-color: white;
  z-index: 999;
}
footer .navul{
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
footer .navul li{
  width: .5rem;
  height: .78rem;
}
footer .navul li a{
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
footer .navul li .iconfont{
  font-size: .4rem;
  color: #ccc;
}
footer .navul li p{
  font-size: .24rem;
  font-weight: bold;
  color: #777;
}